<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/ui.jqgrid.css">
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/pepper-grinder/jquery-ui-1.10.3.custom.css">
	<link rel="stylesheet" type="text/css" href="<?php echo PATH?>/web/css/styles.css"/>
	
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jqgrid/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="<?php echo PATH?>/web/js/jqgrid/grid.locale-es.js"></script>
</head>

	<script>
	var idTarea = 0;
	var criterio = "menorTarea";
	
	function mensaje(response, postdata) {	
    	//parseo la respuesta del servidor
    	var result = null;
    	//parseo la respuesta del servidor
    	if(response!=null && response.responseText!="\r\n"){
    		result = jQuery.parseJSON( response.responseText );
    		if(result.estado!="OK"){
    			mostrarMsj("EliminacionTarea","ERROR",result.errores);
    		}else{
    			mostrarMsj("EliminacionTarea","INFO",result.info);
    		}	
    	}else{
    		mostrarMsj("EliminacionTarea","INFO","La operación se ha realizado correctamente");
    	}
        var errors = "";

        var new_id = null;

        return [response.success, errors, new_id];
   	}
	    
	function mostrarMsj(selector,tipoMsj,msj){
		$("#msj"+tipoMsj+selector+" span").html("<b>"+tipoMsj+"</b>:"+msj);
		$("#msj"+tipoMsj+selector+".message").fadeIn("slow");
    }
	
	function mensajeError(data){
		return '<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>'+
			"<strong>ERROR :<strong></br> La operación no se ha podido realizar";
			//Status: '" + data.statusText + "'. Error code: " + data.status 
	}
	
	jQuery(document).ready(function () {
		jQuery("#dataTable").jqGrid({
	   	url:'../tarea/listarJson',
		datatype: "json",
	   	colNames:[
			'idTarea',
			'Nro Orden',
			'Descripción',
			'Fecha de creacion',
			'Inicio',
			'Fin',
			'Cod cliente',
			'Tipo Tarea',
			'Tecnico',
			'Estado'
		],
		colModel :[
            {
            	name:'idTarea',
            	index:'idTarea',
            	hidden:true
            },
            {
            	name:'nroOrden',
            	index:'nroOrden',
            	width:'140',
            	align:'center',
            	search:false,
            	editable:false
            },
            {
            	name:'descripcion',
            	index:'descripcion',
            	width:'180',
            	align:'center',
            	editrules:{required:true},
            	search:false,
            	editoptions: {maxlength: 40},
            	editable:true
            },
            {
            	name:'fechaCreacion',
            	index:'descripcion',
            	width:'180',
            	align:'center',
            	search:false,
            	editrules:{required:true},
            	editoptions: {maxlength: 40},
            	editable:true
            },
            {
            	name:'fechaInicio',
            	index:'fechaInicio',
            	width:'80',
            	align:'center',
            	search:false,
            	editable:true,
            	editrules:{required:true}
            },
            {
            	name:'fechaFin',
            	index:'fechaFin',
            	width:'80',
            	align:'center',
            	search:false,
            	editable:true,
            	editrules:{required:true}
            },
            {
            	name:'codCliente',
            	index:'codCliente',
            	width:'120',
            	search:true,
            	searchoptions: { sopt: ['eq'] },
            	align:'center',
            	editable:false
            },
            {
            	name:'tipoTarea',
            	index:'tipoTarea',
            	width:'120',
            	align:'center',
            	editable:true,
            	search:false,
            	editrules:{required:true}
            },
            {
            	name:'nombreTecnico',
            	index:'nombreTecnico',
            	width:'150',
            	align:'center',
            	search:false,
            	editable:false
            },
            {
            	name:'estado',
            	index:'estado',
            	width:'140',
            	search:false,
            	align:'center',
            	editable:false
            }
       	],
       	jsonReader: {
        	root: 'gridModel',
	      	id: 'idTarea',
	      	repeatitems: false,
	      	page:  function(obj) { return obj.page; },
	        total: function(obj) { return obj.total; },
	        records: function(obj) { return obj.records; }
     	},
     	height: "auto",
        width: 980,
	   	rowNum:10,
	   	rowList:[10,20,30],
	   	pager: '#dataTablePager',
	   	//sortname: 'idTarea',
	    viewrecords: true,
	    onSelectRow: function(id){
	    	idTarea = $("#dataTable").getRowData(id).idTarea;
	    	$("#idTarea").val(idTarea); 
        },
	    //sortorder: "desc",
	    //autowidth: false,
	    shrinkToFit: true,
	    editurl: '../tarea/eliminar',
	    caption:"Tareas actuales"
		});
		
		jQuery("#dataTable2").jqGrid({
	   	url:'../tarea/listarFuturasProxJson',
		datatype: "json",
	   	colNames:[
			'idTarea',
			'Nro Orden',
			'Descripción',
			'Fecha de creacion',
			'Inicio',
			'Fin',
			'Cod cliente',
			'Tipo Tarea',
			'Tecnico',
			'Estado'
		],
		colModel :[
            {
            	name:'idTarea',
            	index:'idTarea',
            	hidden:true
            },
            {
            	name:'nroOrden',
            	index:'nroOrden',
            	width:'140',
            	align:'center',
            	search:false,
            	editable:false
            },
            {
            	name:'descripcion',
            	index:'descripcion',
            	width:'180',
            	align:'center',
            	search:false,
            	editrules:{required:true},
            	editoptions: {maxlength: 40},
            	editable:true
            },
            {
            	name:'fechaCreacion',
            	index:'descripcion',
            	width:'180',
            	align:'center',
            	search:false,
            	editrules:{required:true},
            	editoptions: {maxlength: 40},
            	editable:true
            },
            {
            	name:'fechaInicio',
            	index:'fechaInicio',
            	width:'80',
            	align:'center',
            	search:false,
            	editable:true,
            	editrules:{required:true}
            },
            {
            	name:'fechaFin',
            	index:'fechaFin',
            	width:'80',
            	align:'center',
            	search:false,
            	editable:true,
            	editrules:{required:true}
            },
            {
            	name:'codCliente',
            	index:'codCliente',
            	width:'120',
            	search:true,
            	searchoptions: { sopt: ['eq'] },
            	align:'center',
            	editable:false
            },
            {
            	name:'tipoTarea',
            	index:'tipoTarea',
            	width:'120',
            	align:'center',
            	search:false,
            	editable:true,
            	editrules:{required:true}
            },
            {
            	name:'nombreTecnico',
            	index:'nombreTecnico',
            	width:'150',
            	align:'center',
            	search:false,
            	editable:false
            },
            {
            	name:'estado',
            	index:'estado',
            	width:'140',
            	search:false,
            	align:'center',
            	editable:false
            }
       	],
       	jsonReader: {
        	root: 'gridModel',
	      	id: 'idTarea',
	      	repeatitems: false,
	      	page:  function(obj) { return obj.page; },
	        total: function(obj) { return obj.total; },
	        records: function(obj) { return obj.records; }
     	},
     	height: "auto",
        width: 980,
	   	rowNum:10,
	   	rowList:[10,20,30],
	   	pager: '#dataTablePager2',
	   	//sortname: 'idTarea',
	    viewrecords: true,
	    // onSelectRow: function(id){
	    	// idTarea = $("#dataTable").getRowData(id).idTarea; 
        // },
	    //sortorder: "desc",
	    //autowidth: false,
	    shrinkToFit: true,
	    editurl: '../tarea/eliminar',
	    caption:"Tareas pasadas y futuras"
		});
		
		jQuery("#dataTable").jqGrid('navGrid','#dataTablePager',
			{edit:false,add:false,del:true,search:true,refresh:false,view:true},
			{reloadAfterSubmit:true, closeAfterEdit: true, afterSubmit: mensaje, errorTextFormat: mensajeError}, //  default settings for edit
			{closeAfterAdd:true, afterSubmit: mensaje, errorTextFormat: mensajeError}, //  default settings for add
			{width:300,afterSubmit: mensaje},  // delete instead that del:false we need this
			{}, // search options
			{} /* view parameters*/
        	);
        
        jQuery("#dataTable2").jqGrid('navGrid','#dataTablePager2',
			{edit:false,add:false,del:true,search:true,refresh:false,view:true},
			{reloadAfterSubmit:true, closeAfterEdit: true, afterSubmit: mensaje, errorTextFormat: mensajeError}, //  default settings for edit
			{closeAfterAdd:true, afterSubmit: mensaje, errorTextFormat: mensajeError}, //  default settings for add
			{width:300,afterSubmit: mensaje},  // delete instead that del:false we need this
			{}, // search options
			{} /* view parameters*/
        	);	
        // MENSAJES
		$(".message").click(function () {
	 		$(this).fadeOut();
	 	});
	 	
	 	$(document).ready(function () {
	    	$( "#dialog" ).dialog({ autoOpen: false });
	    	$("#dialog").dialog('option','width',500);
	    	
		});
		
		
        $("#crit1").change(function(){
        	$("#tecnicos").css("display","none");
        });
        
        $("#crit2").change(function(){
        	$("#tecnicos").css("display","none");
        });
        
        $("#crit3").change(function(){
        	$("#tecnicos").css("display","");
        });
        
        $("#crit4").change(function(){
        	$("#tecnicos").css("display","none");
        });
	
	});
	
	function nuevaTarea(){
		window.location.href = '../tarea/nueva';
	}
	
	function selecCriterio(){
		if(idTarea!=0){
			$("#dialog").dialog('open');	
		}else{
			window.alert("Debe seleccionar una tarea para realizar la operación");
		}
	}
	
	function asignarTareas(){
		window.location.href = '../tarea/asignarTareas';
	}
	
	function reasignarTecnico(){
		window.location.href = '../tarea/reasignarTecnico?idTarea='+idTarea+'&criterio='+criterio+'&idTecnico='+idTecnico;
	}
	
	function cerrarDialog(){
    	$( "#dialog" ).dialog('close');
    }
	    
	</script>
<body>	
	<?php
	require 'web/pages/commons/header.php';
	?>
			<!-- <div id="right">
	    		<decorator:body />
	    	</div> -->
	    	<?php if(isset($error)) : ?>	
			<div class="message red" id="msjERRORTarea"  style="width: 900px; margin-left: 45px;margin-top: 10px;height: 40px;">
				<span><?php echo 'ERROR: '.$error?></span>
		 	</div>
		 	<?php endif; ?>
   		 	<?php if(isset($response)) : ?>	
			<div class="message green" id="msjSUCCESSTarea"  style="width: 900px; margin-left: 45px;margin-top: 10px;height: 40px;">
				<span><?php echo 'SUCCESS: '.$response?></span>
		 	</div>
		 	<?php endif; ?>
		 	<div class="message red" id="msjERROREliminacionTarea"  style="width: 900px;display:none; margin-left: 45px;margin-top: 10px;height: 40px;">
				<span></span>
		 	</div>
		 	<div class="message green" id="msjINFOEliminacionTarea"  style="width: 900px;display:none; margin-left: 45px;margin-top: 10px;height: 40px;">
				<span></span>
		 	</div>
			<div id="dialog"  title="Elija criterio de selección de técnico">
				<div>
					<form action="../tarea/reasignarTecnico" method="post">
						<input style="display: none" id="idTarea" name="idTarea" />
						<b>Por menor cantidad de tareas</b>
						<input type="radio" value="menorTarea" id="crit1" name="criterio" checked="true"/>	
						<b style="margin-left: 40px;">Por menor tiempo de ocupación</b>
						<input type="radio" value="menorOcupacion" id="crit2" name="criterio" />
						<b>Manual</b>
						<input type="radio" id="crit3" value="manual" name="criterio" />
						<b style="margin-left: 20px;">Por menor distancia hacia el cliente</b>
						<input type="radio" id="crit4" value="menorDistancia" name="criterio" />
						<div style="display: none" id="tecnicos" class="linea">
							<?php 
							$idEmpresa = $_SESSION['idEmpresa'];
							$tecnicos = Tecnico::listarTecnicoPorEstado($idEmpresa, 1);
							$tec = null;
							$idTecnico = null;
							$select = "<select style='width: 250px;' id='tecnicoSeleccionado' name='tecnicoSeleccionado'>\n";
					
							foreach($tecnicos as $t) {
					  		 	$s = '';
								$idTecnico = $t->idTecnico;
					   			if($tec == null){
					   				$tec = $t->nombreApell;
					   				$s = 'selected';
					   			}
					   			$select .= "<option value='$idTecnico' $s>$t->nombreApell</option>\n";
							}
							echo $select . "</select>"
							?>
						</div>
						<div style="margin-right: 130px; margin-top: 30px;">
							<button type="submit" style="float: right">Aceptar</button>
							<!-- <button onclick="cerrarDialog()" style="float: right; margin-right: 30px;">Cancelar</button> -->
						</div>
					</form>
				</div>
			</div>
			<div id="dataInfo" style="width: 990px; margin-top: 10px;margin-left: 25px;">
				<table id="dataTable" ></table>
				<div id="dataTablePager"></div>
			</div>
			<div style="margin-bottom: 60px;">
				<?php if(!isset($_SESSION['asignarTarea'])) : ?>
				<div style="float: right;margin-top: 10px; margin-right: 25px;">
					<button onclick="nuevaTarea()">Nueva Tarea</button>
				</div>
				<div style="float: right;margin-top: 10px; margin-right: 25px;">
					<button onclick="selecCriterio()">Reasignar Técnico</button>
				</div>
				<?php endif; ?>
				<?php if(isset($_SESSION['asignarTarea'])) : ?>
				<div style="float: right;margin-top: 10px; margin-right: 25px;">
					<button onclick="asignarTareas()">Asignar tareas del día</button>
				</div>
				<?php endif; ?>
			</div>
			<div id="dataInfo2" style="width: 990px; margin-top: 10px;margin-left: 25px;">
				<table id="dataTable2" ></table>
				<div id="dataTablePager2"></div>
			</div>	
		</div>
    	<!--end container-->
    </div>	
	<!--fin wrapper-->
	
</body>
</html>